<script lang="ts" setup>
import UserName from "./components/UserName.vue";
import ThirdLogin from "./components/ThirdLogin.vue";
</script>

<template>
    <div class="h-full w-full flex justify-center items-center">
        <div class="login-box w-4/5 sm:w-1/2 md:w-4/5 lg:w-3/5 xl:w-1/2 2xl:w-2/5">
            <div class="login-title mb-10 text-4xl">欢迎登陆</div>
            <div class="login-form">
                <UserName />
            </div>
            <ThirdLogin />
        </div>
    </div>
</template>
